<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,viewport-fit=cover, user-scalable=no"
    />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="referrer" content="no-referrer-when-downgrade">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- <title>Pornh.ai</title> -->
    <title>Pornh.ai：Sexy AI GirlFriend,No Filter NSFW Characters Chatbot</title>
    <meta name="description" content="Stunning images,unrestricted messages,different scenes,AI GirlFriend waiting YOU.">
    <script>
      // // 当页面加载完成后触发该函数
      // window.onload = function () {
  
      //     // e.preventDefault()  ===    阻止默认事件
  
      //     // 当一个手指放在屏幕上时，会触发 touchstart 事件。如 果另一个手指又放在了屏幕上，则会先触发 gesturestart 事件
      //     document.addEventListener('gesturestart', function (e) {
      //         e.preventDefault();
      //     });
  
      //     // 在单个元素上单击两次 ===  dblclick
      //     document.addEventListener('dblclick', function (e) {
      //         e.preventDefault();
      //     });
  
      //     // 一个手指放在屏幕上时，会触发 touchstart 事件
      //     document.addEventListener('touchstart', function (event) {
      //         if (event.touches.length > 1) {
      //             event.preventDefault();
      //         }
      //     });
  
      //     // 如果一个或两个手指在屏幕上滑动，将会触发 gesturechange 事件。
      //     // 但只要有一个手指移开， 就会触发 gestureend 事件，紧接着又会触发基于该手指的 touchend 事件。
      //     var lastTouchEnd = 0;
      //     document.addEventListener('touchend', function (event) {
      //         var now = (new Date()).getTime();
      //         // 如果在300ms内触发两次touchend，就阻止默认事件
      //         if (now - lastTouchEnd <= 300) {
      //             event.preventDefault();
      //         }
      //         lastTouchEnd = now;
      //     }, false);
      // };

      document.addEventListener('focusin', function(e) {
        if (/(iPhone|iPad|iPod)/i.test(navigator.userAgent)) {
          handleKeyboardPopup();
        }
      });
      
      document.addEventListener('focusout', function(e) {
        if (/(iPhone|iPad|iPod)/i.test(navigator.userAgent)) {
          handleKeyboardHide();
        }
      });
      
      function handleKeyboardPopup() {
        var body = document.body;
        var windowHeight = window.innerHeight;
        body.style.paddingBottom = (windowHeight * 0.15) + 'px'; 
      }
      
      function handleKeyboardHide() {
        var body = document.body;
        body.style.paddingBottom = '0';
        window.scrollTo(0, 0);
      }
  
  </script>
   
    <script src="//apis.google.com/js/api:client.js" async></script>
    <script>
      !function(f,b,e,v,n,t,s)
      {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
      n.callMethod.apply(n,arguments):n.queue.push(arguments)};
      if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
      n.queue=[];t=b.createElement(e);t.async=!0;
      t.src=v;s=b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t,s)}(window, document,'script',
      'https://connect.facebook.net/en_US/fbevents.js');
      fbq('init', '3475901345889372');
      fbq('track', 'PageView');
      </script>
      <noscript><img height="1" width="1" style="display:none"
      src="https://www.facebook.com/tr?id=3475901345889372&ev=PageView&noscript=1"
      /></noscript>
      <!-- End Meta Pixel Code -->
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>
